<template>
  <div
    ref="content"
    class="page-fs"
  />
</template>

<script setup>
import {nextTick, onUpdated, ref} from "vue";
import ThreeMain from "@/components/ntd-three/ThreeMain";
import UtilThreeMap from "@/components/ntd-three/util/UtilThreeMap";
import BeiJing from "@/config/data/map/BeiJing";

const content = ref()

onUpdated(() => {
  nextTick(() => {
    ThreeMain.init({ dom: content.value, showAxesHelperTag: true, cameraPosition: { x:10, y:10, z:10 } })
    ThreeMain.add(UtilThreeMap.initMap(BeiJing))
  })
})


</script>

<style scoped>

</style>